<!--
	the info view
-->

<div id="infoDiv" ng-controller="infoController" class="container">
    <div class="row">
        <div class="col-xs-12 event-header no-padding">
            <div class="carousel slide" data-ride="carousel">
                <div class="carousel-inner">
                    <div class="item active">
                    <img src="assets/img/katsomokartta.jpg" alt="" class="img-responsive">
                       <div id="ticketsCarouselHeader1" class="carousel-caption">
                           <!--<h1 class="event-header-text text-bold t">MAP</h1>-->
                           <img src="assets/img/icons/whiteicon_map.png" class="img-responsive center-block" style="height: 40%;width: 40%;background-color: #00aeef" alt="">
                       </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br>
    <div class="row">
          <a href="#/info/tickets"><div class="col-xs-6" style="padding-left: 0px">
              <img src="assets/img/icons/whiteicon_info_tickets.png" class="img-responsive" alt="kuva">             
          </div></a>
          <a href="#/info/general-info"><div class="col-xs-6" style="padding-right: 0px">
              <img src="assets/img/icons/whiteicon_info_general_info.png" class="img-responsive" alt="kuva">
          </div></a>
      </div>
      <br>
      <div class="row">
              <a href="#/info/for-kids"><div class="col-xs-6" style="padding-left: 0px">
                  <img src="assets/img/icons/whiteicon_info_kids.png" class="img-responsive" alt="kuva">
              </div></a>
              <a href="#/info/meet-lahti"><div class="col-xs-6" style="padding-right: 0px">
                  <img src="assets/img/icons/whiteicon_info_about_lahti.png" class="img-responsive" alt="kuva">
              </div></a>    
      </div>
</div>